<!--
    Seminar Computergrafik SS2012
    Praktikum
    Fachhochschule Münster
    Fachbereich Elektrotechnik und Informatik    
    
    Autoren: Alexander Kuhn & Mark Ruffer
-->
<!DOCTYPE html>

<head>
    <title>Computergrafik Projekt WebGL, A.Kuhn M.Ruffer</title>
    
    <!-- Externe Matrix Bibliothek -->
    <script type="text/javascript" src="glMatrix-0.9.5.min.js"></script>
    
    <!-- Externe WebGL Utilities Bibliothek -->
    <script type="text/javascript" src="webgl-utils.js"></script>
    
    <!-- Ausgelagerte Funktionen -->
    <script src="utils.js" type="text/javascript"></script>
    
    <!-- Lade externe Shader Programme -->
    <script src="shaderprogram_vertextextureshader.js" type="text/javascript"></script>
    <script src="shaderprogram_fragmenttextureshader.js" type="text/javascript"></script>
    
    <!-- Hauptprogramm -->
    <script src="main.js" type="text/javascript"></script>
</head>

<body onload="main();">

    <!-- Canvas zur Darstellung der WebGL Grafik -->
    <canvas id="webgl_canvas" style="border: 0px;" width="500" height="500"></canvas>
    
    <br />
    <input type="checkbox" id="FPS_CHECK" /><input type="text" id="FPS" readonly /> FPS
    <br />
    <input type="text" id="GUI_rotate" value="0" readonly/><br />
    <input type="text" id="GUI_swing" value="0" readonly/><br />
    <input type="text" id="GUI_zoom" value="-80" readonly /><br />
    Pfeiltaste links/rechts: Drehen Y<br />
    Pfeiltaste hoch/runter: Drehen X<br />
    Bild ab/Bild auf: Zoomen
    W/A/S/D: Szene drehen / Kameraschwenk<br />
    Q/E: Szene drehen Z-Achse<br />
    Achsen: x-Achse (Pfeil), y-Achse (Rechteck), z-Achse (Stricht)<br />
    Umgebungs-Licht<br />
    R<input type="text" id="LIGHT_ambient_r" value="1.0">G<input type="text" id="LIGHT_ambient_g" value="1.0">
    B<input type="text" id="LIGHT_ambient_b" value="1.0"><br />
    Beleuchtung<br />
    R<input type="text" id="LIGHT_directional_r" value="1.0">G<input type="text" id="LIGHT_directional_g" value="1.0">
    B<input type="text" id="LIGHT_directional_b" value="0.25"><br />
    X<input type="text" id="LIGHT_directional_x" value="30.0">
    Y<input type="text" id="LIGHT_directional_y" value="30.0">
    Z<input type="text" id="LIGHT_directional_z" value="30.0"><br />
    <br />
    <p>Computergrafik Projekt WebGL, A.Kuhn M.Ruffer</p>
 
</body>